<template>
  <div class="ProductUpdateComponent-panel-Dialog">
    <!-- 更新弹窗 -->
    <el-dialog
      title="更新"
      top="40vh"
      v-model="ProductUpdateBoolean"
      :close-on-click-modal="false"
      :show-close="false"
      :append-to-body="true"
    >
    <!-- 更新加载条 -->
    <el-progress :text-inside="true" :stroke-width="26" :percentage="ProductUpdatePercent"></el-progress>
    </el-dialog>
  </div>
</template>

<script>
import { defineComponent, reactive, toRef, toRefs,watch } from "vue";
export default defineComponent({
  name: "ProductUpdateComponent",
  components: {},
  
  props: {
    ProductUpdatePercent:{
      type:null,
      default:0,
    },
    ProductUpdateBoolean:{
      type:Boolean,
      default:false,
    },
  },
  setup(props,ctx) {
    
    return {
    };
  },
});
</script>
<style lang="less">
.ProductUpdateComponent-panel-Dialog{
  width: 100%;
  height: 100%;

}
/* 弹出框的宽高度 */
.ProductUpdateComponent-panel-Dialog .el-overlay .el-dialog {
  width: 50%;
  height: 100px;
  border-radius: 20px;
}
.ProductUpdateComponent-panel-Dialog .el-overlay .el-progress{
  position: relative;
  top: -26px;
}
</style>
